<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .apple:focus{
            border:1px solid red;
        }
    </style>
</head>
<body>
<div id="myDiv" style="background: blue;width: 150px">id="myDiv"</div>
<span>我是span</span>
<div class="myDiv" style="background: blue;width: 150px">class="myDiv"</div>
<button id="button1">点我，我会消失button1</button>
<button id="button2">点我，我会消失button2</button>
<button id="button3">button3事件</button>
<form>
    <label>Name:</label>
    <input name="name" />
    <fieldset>
        <label>Newsletter:</label>
        <input name="newsletter" />
    </fieldset>
</form>
<input name="none" />
<div class="not" style="background: blue;width: 350px">
    <input class="apple" value="focus事件"/>
    <input class="flower" />
</div>

<table class="even">
    <tr><td>Header 1</td></tr>
    <tr><td>Value 1</td></tr>
    <tr><td>Value 2</td></tr>
</table>
<h1>Header 1</h1>
<h2>Header 1</h2>
<h3>Header 1</h3>
<div class="nameStar">
    <input name="newsletter" value="name=newsletter"/>
    <input name="milkman" value="name=milkman" />
    <input name="newsboy" value="name=newsboy"/>
</div>
<script src="js/jquery.min.js" type="application/javascript"></script>
</body>
</html>
<script>
    $(function(){
        console.log($("#myDiv").html());
        console.log($(".myDiv").html());
        console.log($("span").html());
        //所有元素$("*")
        console.log($("*").size());
        $("#button1,#button2").click(function(){
            $(this).remove();
        });
        $("#button3").click(function(){
            //获取label后紧跟着的input
            $("label + input").val("我是label + input");
            $("form ~ input").val("我是form的同辈input");
            $(".not input:not(.apple)").val("我是not apple input");
            $(".even tr:even").css("background-color","red");
            $(".even tr:odd").css("background-color","yellow");
            $(":header").css("background", "#EEE");
            $("div:not(:animated)").animate({ width: "+=200" }, 1000);
            $(".nameStar input[name^='news']").css("border","1px solid red");
        });
    })
</script>